<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>初心-分享即快乐，探索亦青春</title>
		<meta name="description" content="" />
		<meta name="author" content="胡 毅鹏" />
		<!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
		<link rel="shortcut icon" href="/favicon.ico" />
        <link rel="stylesheet" href="{{ STATIC_URL }}css/reset.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="{{ STATIC_URL }}css/grid.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="{{ STATIC_URL }}css/master.css" type="text/css" media="screen" />
	</head>
	<body>
		<div>
			<header>
				<div class="container_12">
					<h1><a href="#">初  心</a></h1>
					<nav id="mainNav" >
						<a href="#" class="selected">首页</a>
						<a href="#">交易墙</a>
						<a href="#">图书库</a>
						<a href="#">讨论区</a>
					</nav>
					<form action="/search" method="">
						<input type="text" class="search-query" placeholder="搜索" />
					</form>
					<nav id="sideNav" class="gird_3">
                    <a href="{% url login_page %}">登录</a>
                    <a href="{% url signin_page %}">注册</a>
					</nav>
	
				</div>
			</header>
			<div class="container_12">
				<div class="grid_8 mainside"> 
					<div class="introbox">
                        <img src="{{ STATIC_URL }}img/chuxin.png" class="intropic"/>
						<div class="introcontent">
							<h1>初心chuxin.me</h1><br />
							<p>分享即是快乐，探索亦是青春。</p><br />
							<p>欢迎来到初心社区，身边有闲置的东西，图书也好，衣物也罢，何不让它去该去的地方发光发热呢，
								而且你也能小赚一笔！</p><br />
							<p>这年头，不怕没人要，就怕没人show，你说呢？</p>
						</div>
					</div>
					<div class="wallpanel">
						<div class="wallhead">
							<h3>交易墙</h3>
							<a href="#" class="more" target="_blank">查看更多</a>
						</div>
						<div class="wallcontent">
							<table cellpadding="0" cellspacing="0" border="0" width="100%">
								<tbody>
									<td valign="top" class="avatar">
                                        <a href="#"><img src="{{ STATIC_URL }}img/icon.png" border="0" /></a>
									</td>
									<td style="padding-left: 12px;" valign="top">
										<div class="fr">
											<a href="#" class="reply_count">46</a>
										</div>
										<div class="sep3"></div>
										<span  style="font-size: 16px; line-height: 130%; ">
											<a href="#">罗技键鼠套装大甩卖了,谁要的啊??????</a>
										</span>
										<div class="sep5"></div>
										<span class="created">
											<strong>
												<a href="#" class="dark">huyipeng</a>
											</strong><span>·</span>
											<strong>
												<a href="#" class="node">数码</a>
											</strong><span>·</span>
											<span style="color: gray;">更新于2012-03-21 12:22</span>
										</span>
									</td>
								</tbody>
							</table>
						</div>
						<div class="wallcontent">
							<table cellpadding="0" cellspacing="0" border="0" width="100%">
								<tbody>
									<td valign="top" class="avatar">
                                        <a href="#"><img src="{{ STATIC_URL }}img/icon.png" border="0" /></a>
									</td>
									<td style="padding-left: 12px;" valign="top">
										<div class="fr">
											<a href="#" class="reply_count">6</a>
										</div>
										<div class="sep3" ></div>
										<span  style="font-size: 16px; line-height: 130%; ">
											<a href="#">有UED,UI设计师，缺靠谱（NB）攻城师，做2个商业网站。组团队喔。</a>
										</span>
										<div class="sep5" ></div>
										<span class="created">
											<strong>
												<a href="#" class="dark">huyipeng</a>
											</strong><span>·</span>
											<strong>
												<a href="#" class="node">衣物服饰</a>
											</strong><span>·</span>
											<span style="color: gray;">更新于2012-03-21 12:22</span>
										</span>
									</td>
								</tbody>
							</table>
						</div>
						<div class="wallcontent">
							<table cellpadding="0" cellspacing="0" border="0" width="100%">
								<tbody>
									<td valign="top" class="avatar">
                                        <a href="#"><img src="{{ STATIC_URL  }}img/icon.png" border="0" /></a>
									</td>
									<td style="padding-left: 12px;" valign="top">
										<div class="fr">
											<a href="#" class="reply_count">6</a>
										</div>
										<div class="sep3" ></div>
										<span  style="font-size: 16px; line-height: 130%; ">
											<a href="#">有UED,UI设计师，缺靠谱（NB）攻城师，做2个商业网站。组团队喔。</a>
										</span>
										<div class="sep5"></div>
										<span class="created">
											<strong>
												<a href="#" class="dark">huyipeng</a>
											</strong><span>·</span>
											<strong>
												<a href="#" class="node">杂七杂八</a>
											</strong><span>·</span>
											<span style="color: gray;">更新于2012-03-21 12:22</span>
										</span>
									</td>
								</tbody>
							</table>
						</div>
						<div class="wallcontent">
							<table cellpadding="0" cellspacing="0" border="0" width="100%">
								<tbody>
									<td valign="top" class="avatar">
                                        <a href="#"><img src="{{ STATIC_URL }}img/icon.png" border="0" /></a>
									</td>
									<td style="padding-left: 12px;" valign="top">
										<div class="fr">
											<a href="#" class="reply_count">6</a>
										</div>
										<div class="sep3" ></div>
										<span  style="font-size: 16px; line-height: 130%; ">
											<a href="#">JAVA核心技术</a>
										</span>
										<div class="sep5" ></div>
										<span class="created">
											<strong>
												<a href="#" class="dark">huyipeng</a>
											</strong><span>·</span>
											<strong>
												<a href="#" class="node">图书</a>
											</strong><span>·</span>
											<span style="color: gray;">更新于2012-03-21 12:22</span>
										</span>
									</td>
								</tbody>
							</table>
						</div>
					</div>
					<div class="wallpanel">
						<div class="wallhead">
							<h3>图书库</h3>
							<a href="#" class="more" target="_blank">查看更多</a>
						</div>
						<div class="wallbook">
							<ul style="left: 0px;">
								<li>
									<a href="#" title="思维导图">
                                        <img src="{{ STATIC_URL }}img/tushu.jpg" class="bookcover"/>
										<span class="bookname">思维导图</span>
									</a>
								</li>
								<li>
									<a href="#" title="思维导图">
                                        <img src="{{ STATIC_URL }}img/tushu.jpg" class="bookcover"/>
										<span class="bookname">思维导图</span>
									</a>
								</li>
								<li>
									<a href="#" title="思维导图">
                                        <img src="{{ STATIC_URL }}img/tushu.jpg" class="bookcover"/>
										<span class="bookname">思维导图</span>
									</a>
								</li>
								<li>
									<a href="#" title="思维导图">
                                        <img src="{{ STATIC_URL }}img/tushu.jpg" class="bookcover"/>
										<span class="bookname">思维导图</span>
									</a>
								</li>
								<li>
									<a href="#" title="思维导图">
                                        <img src="{{ STATIC_URL }}img/tushu.jpg" class="bookcover"/>
										<span class="bookname">思维导图</span>
									</a>
								</li>
							</ul>
						</div>
					</div>
			    </div>
			    <div class="grid_4 sidebar">
			    	<div class="loginbox">
			    		<div class="loginheader">
			    			<h3>常来常新</h3>
			    			<a href="#">忘记密码</a>
			    		</div>
			    		<form class="loginmain" method="post" action="">
                            {% csrf_token %}
                            {% for field in form %}
                            <p>
                            <label>{{ field.label }}</label>
                            {{ field }}
                            </p>
                            {% endfor %}
			    			<p class="nolabel">
			    				<label>
			    					<input name="remember" type="checkbox" id="" value="1">记住我
			    				</label>
			    				<input type="submit" value="登录" class="btn-submit" />
			    			</p>
			    		</form>
			    		<div class="loginfooter">
			        	    <a href="#">立即注册初心</a>
			    	    </div>
			    	</div>
			    	
			    	<div class="communityinfo">
			    		<h3>社区告示</h3>
			    		<ul>
			    			<li><a href="#">初心分享功能上线啦！</a></li>
			    			<li><a href="#">你们知道初心吗？</a></li>
			    			<li><a href="#">初心分享功能上线啦！</a></li>
			    			<li><a href="#">初心来了！</a></li>
			    			<li><a href="#">初心分享功能上线啦！</a></li>
			    		</ul>
			    	</div>
			    </div>
			    <div class="clearfix" />
			</div>
			
			<footer class="container_12">
				<nav class="footinfo">
					<a href="#">关于</a>
					<span>·</span>
					<a href="#">联系</a>
					<span>·</span>
					<a href="#">反馈</a>
					<span>&copy;2012 chuxin.me</span>
				</nav>
			</footer>
		</div>
	</body>
</html>
